<!DOCTYPE html>
<html class="site-demo-overflow">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
<title>报价发布</title>
<link rel="stylesheet" href="./../layui/2.3.0/css/layui.css?t=1527693307626"  media="all">
  </head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  <legend>四川锦云运输有限公司报价单</legend>
 </fieldset>
<form class="layui-form" action="">
  <input type="hidden" name="params.sid" value="">
  <div class="layui-form-item">
    <label class="layui-form-label">客户</label>
    <div class="layui-input-block">
      <input type="text" name="params.customer" lay-verify="required" autocomplete="off" placeholder="请输入客户名称" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">项目</label>
    <div class="layui-input-block">
      <input type="text" name="params.name" lay-verify="required" placeholder="请输入项目名称" autocomplete="off" class="layui-input">
    </div>
  </div>
 <div class="layui-form-item">
    <label class="layui-form-label">电梯品牌</label>
    <div class="layui-input-block">
      <input type="text" name="params.brand" lay-verify="required" placeholder="请输入电梯品牌" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">启运地</label>
      <div class="layui-input-inline">
        <input type="tel" name="params.startAddr" lay-verify="required" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">目的地</label>
      <div class="layui-input-inline">
        <input type="text" name="params.endAddr" lay-verify="email" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">启运时间</label>
      <div class="layui-input-inline">
        <input type="text" name="params.startDate" id="startDate" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">到达时间</label>
      <div class="layui-input-inline">
         <input type="text" name="params.endDate" id="endDate" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">客户联系人</label>
      <div class="layui-input-inline">
        <input type="tel" name="params.contact" lay-verify="required" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">电话</label>
      <div class="layui-input-inline">
        <input type="text" name="params.mobile" lay-verify="required|phone autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
  <div class="layui-form-item">
   <label class="layui-form-label">发布时间</label>
    <div class="layui-inline">
      <div class="layui-input-inline">
        <input type="text" name="params.tims" id="postTime" lay-verify="datetime" placeholder="yyyy-MM-dd HH:mm:SS" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
  
<div  class="layui-collapse" lay-accordion>
 <div class="layui-colla-item">
  <h2 class="layui-colla-title">直升电梯表</h2>
<div class="layui-colla-content layui-show">
<button class="layui-btn" onclick="add()">
  <i class="layui-icon">&#xe608;</i> 保存
</button>

<table class="layui-table" style="width:400px;" lay-data="{data:[{rank:1,stationNum:2,loadWeight:12}], id:'list1'}" lay-filter="test3">
  <thead>
    <tr>
    	<th lay-data="{edit:'select',field:'sid', width:180, sort: true}">编号</th>
      <th lay-data="{edit:'select',field:'rank', width:180, sort: true}">梯号</th>
      <th lay-data="{field:'stationNum', width:120, sort: true, edit: 'text'}">层站</th>
      <th lay-data="{field:'loadWeight', edit: 'text',width:150, minWidth: 150}">载重kg</th>
      <th lay-data="{field:'speed', width:100, edit: 'text'}">速度m/s</th>
      <th lay-data="{field:'city', edit: 'text', width: 100}">台数</th>
      <th lay-data="{field:'price', edit: 'text', width: 100}">运输单价(元/台)</th>
      <th lay-data="{field:'price', edit: 'text', width: 100}">合计(元)</th>
    </tr>
  </thead>
</table>
</div>
 </div>
</div>
<div class="layui-collapse" lay-accordion>
  <div class="layui-colla-item">
   <h2 class="layui-colla-title">自动扶梯和人行道列表</h2>
   <div class="layui-colla-content layui-show">
   <button class="layui-btn" onclick="add()">
  	<i class="layui-icon">&#xe608;</i> 添加
	</button>
	<button class="layui-btn  layui-btn-normal" onclick="batchRemove()" type="button">
	<i class="layui-icon"></i>删除
	</button>
   <table class="layui-hide" id="list2"></table>
   </div>
 </div>
 </div>
 <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
  </form>
  
<script src="./../layui/2.3.0/layui.all.js" charset="utf-8"></script>
  <script >
  layui.use(['form', 'layedit', 'laydate','table'], function(){
	  var form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate;
	  
	  //日期
	  laydate.render({
	    elem: '#startDate'
	  });
	  laydate.render({
	    elem: '#endDate'
	  });
	  laydate.render({
		  type:'datetime',
		    elem: '#postTime'
		  });
	  var table = layui.table;
	  
	  
	  table.render({
		    elem: '#list2'
		    ,cols: [[ //标题栏
		    	{field: 'sid', title: '编号', width: 180, sort: true}
		      ,{field: 'rank', title: '梯号', width: 180, sort: true}
		      ,{field: 'liftHeight', title: '提升高度', width: 120}
		      ,{field: 'angle', title: '角度', minWidth: 80}
		      ,{field: 'speed', title: '速度m/s', minWidth: 80}
		      ,{field: 'num', title: '台数', minWidth: 80}
		    ]]
		    ,data: [{
		      "id": "10001"
		      ,"stationNum": "杜甫"
		      ,"rank": ""
		      ,"liftHeight": "1200"
		      ,"angle": "15"
		   		,"speed": "15"
		    }]
		    //,skin: 'line' //表格风格
		    ,even: true
		    //,page: true //是否显示分页
		    //,limits: [5, 7, 10]
		    //,limit: 5 //每页默认显示的数量
		  });
  });
  
  var prefix="../module/Supplier-";
  function add() {
		layer.open({
			type : 2,
			title : '新增',
			maxmin : true,
			shadeClose : false, 
			area : [ '800px', '520px' ],
			content : prefix + '/add' +'.action'
		});
}
  
  </script>
</body>
</html>